<template>
	<view>
		<view class="aboutBox">
			<image style="width: 140rpx;height: 140rpx;border-radius: 70rpx;" :src="appLogo" mode="aspectFill"></image>
			<text style="margin-top: 20rpx;font-size: 30rpx;color: #333;">{{ appName }}</text>
			<text style="margin-top: 20rpx;font-size: 30rpx;color: #666;">版本号:{{ versions }}</text>
		</view>
	</view>
</template>

<script>
import settings from '@/settings.js';
export default {
	data() {
		return {
			appLogo: settings.logo,
			appName: settings.appName,
			versions: 'v1.0.0'
		};
	},
	onLoad() {},
	methods: {
		getVersions() {
			const accountInfo = uni.getAccountInfoSync();
			this.versions = accountInfo.miniProgram.version;
		}
	}
};
</script>

<style lang="scss" scoped>
.aboutBox {
	margin: 20rpx;
	padding: 100rpx;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
</style>
